﻿@charset "utf-8";
/* CSS Document */
/*Arial,微軟正黑體,黑體,Meiryo UI*/
body
{
    padding: 0;
    margin:0px;
    color: #3A424F;
	font-family:Arial, '微軟正黑體','黑體',Meiryo UI;
	text-align:center;
	margin:0px;
}

div {
    }
a
{
    text-decoration: none;
    color: #252525;
}
a:hover
{
    text-decoration: none;
    color: #DB8407;
}
em
{
    font-style: normal;
}

select optgroup
{
    font-style: normal;
}
.gray{ color:#ccc}
	
/* main */

INPUT.coshop{ padding:0px 10px;text-align:center; width:125px; color:#fff; background-color:#AD864D; border-radius:3px; border:0px; cursor:pointer; height:30px; line-height:30px; font-size:18px; margin-left:10px; font-weight:bold;}
.yy{-webkit-box-shadow: #ccc 0px 0px 10px;-moz-box-shadow: #7A7A7A 0px 0px 10px;box-shadow: #7A7A7A 0px 0px 10px;behavior:url(/PIE.htc); }
INPUT[type="button"]{color:#FFFFFF; font-weight:bold; border:none; cursor:pointer; margin-bottom:3px;}
INPUT[type="submit"]{color:#FFFFFF; font-weight:bold; border:none; cursor:pointer}

.tab li{font-size:14px; width:100%; display:block; clear:both}
.tab li .tab_l{ float:left; padding-right:5%; width:25%}
.tab li .tab_r{ float:left; width:70%}


/* 頭部  START */
#herader{margin:0 auto; padding:0px; height:auto;border:0px; clear:both;width:100%;display:block; clear:both;z-index:102;position:relative; height:110px;}
#herader .logo{ width:100%;height:110px;text-align:center; position:absolute}
#herader .logo .mid {
  width:100%;
  height:95px;
  vertical-align:middle;
  text-align: center;
  padding-top:15px}
#herader .t_r .tsearch{width:200px;padding:10px; clear:both; overflow:hidden; display:block; float:right; margin-top:10px;}
#herader .t_r .tsearch INPUT[type="text"]{ border:1px solid #4F5960; background:#31383D;border-radius:5px 0px 0px 5px; float:left; width:158px; height:24px; line-height:24px; margin-top:2px}
#herader .t_r .tsearch INPUT[type="submit"]{ border:none;background:#333333;border-radius:0px 5px 5px 0px; float:left; line-height:26px; height:26px; border:none; background:url(../images/search.png) center center no-repeat; width:30px; margin-top:2px; cursor:pointer}

/* 頭部  END */

/* 頭部图标  START */
#herader .fx{text-align:right; padding-top:6px;float:right; padding-left:15px; padding-bottom:8px; }
#herader .fx a{ padding:0px 4px;}
#herader .hb{ padding-left:10px; float:left; padding-top:7px;}

#herader .cat{float:right;height:29px; font-size:12px;padding-top:5px; font-weight:bold}
#herader .cat span{font-size:12px; padding:10px 8px 0px;line-height:29px}
#herader .cat em{font-style:normal;padding:0px 8px; font-weight:bold; font-size:12px; width:27px; height:29px; background:url(../images/catno.png) left top no-repeat; line-height:29px; float:right; padding-left:6px; text-align:center; font-weight:bold; color:#fff}
#herader .cat a{}
#herader .wel{text-align:right;padding-left:15px; float:right; font-size:12px;line-height:29px; padding-top:5px; font-weight:bold;}
#herader .wel a{line-height:26px; font-size:12px; padding:0px 8px;line-height:29px; font-weight:bold;}
#herader .lag{ padding-left:10px; float:right; padding-top:8px;font-weight:bold;}
#herader .lag a{ padding:0px 4px 0px 0px;}
/* 頭部图标  END */


/* 手机版头部  START */
#head_sj{width:100%;margin:0 auto; padding:0px; min-height:60px; height:auto;border:0px; clear:both;}
#head_sj .hm_l{ width:40%;float:left; padding-top:12px; padding-left:2%; color:#FFFFFF}
#head_sj .hm_l img{	max-width:180px;max-height:50px;width: expression(this.width > 226 ?  "226px" : this.width);height: expression(this.height > 50 ?  "50px" : this.height);
-webkit-animation: logo 1.4s ease 1;-moz-animation: logo 1.4s ease 1; -ms-animation: logo 1.4s ease 1; -o-animation: logo 1.4s ease 1;animation: logo 1.4s ease 1; 
}
#head_sj .hm_l span{ float:left; padding-right:10px; line-height:25px;}
#head_sj .hm_l p{ float:left; padding-right:10px; line-height:25px;}
#head_sj .hm_r{ width:56%; float:right; padding-top:23px; padding-left:2%; color:#FFFFFF}
#head_sj .hm_r img{ max-height:30px;}
#head_sj .hm_r span{  padding-right:30px; line-height:25px; padding-left:5px; color:#333}
#head_sj .hm_r .flag{ padding:10px 5%; text-align:right; float:right}
#head_sj .hm_r .flag a{padding:0px 5px; float:right}
#head_sj .hm_r ul.moblie_nav{ clear:both; margin-top:20px;}
#head_sj .hm_r span .forn25{ color:#010101;}
#head_sj .hm_r span .forn25:hover{ color:#b7202e;}


#head_sj .hm_r #font .glyphicon{   font-family:"iconfont" !important;
  font-size:25px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale; padding-right:9px}
  
#head_sj .hm_r #font .glyphicon-menu-hamburger::before {content: "\e604";}  

@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont_w.eot'); /* IE9*/
  src: url('../fonts/iconfont_w.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont_w.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont_w.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont_w.svg#iconfont') format('svg'); /* iOS 4.1- */
}



/*注册登录按钮*/
.w_m_login{ padding:22px 15px 0 15px;}
.w_m_logincon{ width:47%;  }
.w_m_logincon a.w_m_loginbtn{opacity:0;-webkit-animation:conTop .5s ease-in .4s 1 forwards; -moz-animation:conTop .5s ease-in .4s 1 forwards;animation:conTop .5s ease-in .4s 1 forwards; width:100%; padding:7px 0; float:left;  border:1px solid #888; text-align:center; color:#000; font-size:14px;word-wrap:break-word; word-break:normal;white-space:normal}
.w_m_logincon a:hover.w_m_loginbtn{ background-color:#eee}

.w_m_logincon .w_my_group1{ width:100%;}
.w_m_logincon .w_my_group1 .btn{ padding:4px 0; border-radius:0px; width:100%; border:1px solid #888; font-size:14px;word-wrap:break-word; word-break:normal;white-space:normal;opacity:0;-webkit-animation:conTop .5s ease-in .4s 1 forwards; -moz-animation:conTop .5s ease-in .4s 1 forwards;animation:conTop .5s ease-in .4s 1 forwards; }
.w_m_logincon .w_my_group1> .btn-default:hover{ background-color:#eee;-moz-transition:all 0.3s; -o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.w_m_logincon .w_my_group1>.dropdown-menu{max-height:200px; overflow:auto;width:100%;min-width:145px;}
.w_m_logincon .w_my_group1>.dropdown-menu li{ max-width:100%}
.w_m_logincon .w_my_group1>.dropdown-menu>li>a{ padding:3px 15px;}


/*选择语言货币*/
.w_m_lanbox{ padding:15px 15px 0px 15px;}
.w_m_lanbox .open{-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;transform:none;}
.w_m_lanbox>.btn-group{width:47%;}

.w_m_lanbox>.btn-group .btn-default{-moz-transition:all 0.3s; -o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.w_m_lanbox>.btn-group .btn-default:hover{ background-color:#eee;-moz-transition:all 0.3s; -o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.w_m_lanbox>.btn-group .btn{ border-radius:0px; width:100%; border:1px solid #888; font-size:14px;word-wrap:break-word; word-break:norma;white-space:normal;opacity:0;-webkit-animation:conTop .5s ease-in .4s 1 forwards; -moz-animation:conTop .5s ease-in .4s 1 forwards;animation:conTop .5s ease-in .4s 1 forwards}

.w_m_lanbox>.btn-group p{ text-align:center; padding-bottom:8px; font-size:15px;}
.w_m_lanbox>.btn-group>.dropdown-menu{ max-height:216px; overflow:auto;width:100%;min-width:145px; background-color:#fff; z-index:999;}
.w_m_lanbox>.btn-group>.dropdown-menu li{ max-width:100%; }
.w_m_lanbox>.btn-group>.dropdown-menu>li>a{ padding:3px 15px; white-space:normal}
/* 手机版头部  END */


/* 滑动门  START */	
.tagbg{clear:both; display:block;height:36px;position:relative;}
#tags {PADDING-TOP: 0px; HEIGHT:36px;position:relative; clear:both;background:#F7F7F7;border:1px solid #E1E1E1}
#tags li {FLOAT: left; liST-STYLE-TYPE: none; HEIGHT:36px;position: relative; cursor:pointer; background:none; color:#62605B; line-height:36px;}
#tags li A {FLOAT: left; PADDING-BOTTOM: 0px;PADDING-TOP: 0px; HEIGHT:36px; TEXT-DECORATION: none; font-weight:bold;margin-left:8px; padding-right:8px; cursor:pointer; background:none;}

#tags li A span{float:left; padding:0px}
#tags li A em{ background:url(../images/tbjt.png) left center no-repeat;float:left; margin-left:5px;}

#tags li.emptyTag {WIDTH: 9px;}
#tags li.selectTag {POSITION: relative; HEIGHT:36px;cursor:pointer;}
#tags li.selectTag A {HEIGHT:30px;cursor:pointer;}

#tags li.selectTag A span{float:left; padding:0px}
#tags li.selectTag A em{ background:url(../images/tbjt_h.png) left center no-repeat;float:left; margin-left:5px;}


#tagContent {text-align:left; padding:0px; margin:0px; clear:both;}
.tagContent {PADDING:7px 0px; DISPLAY: none;COLOR: #474747;height:auto;}
#tagContent div.selectTag {DISPLAY: block; color:#303030}

.tagbg .disn{display:none}
/* 滑动门  END */



/* 分頁  START */
.page{ padding:15px 10px; text-align:center; display:block; clear:both; overflow:hidden}
.page a{ padding:0px 5px; text-align:center; overflow:hidden}
.page .cur{ padding:0px 5px; text-align:center; color:#FF0000; font-weight: 500;}
.page .curdd{ margin:0 0 0 200px;  float:right; color:#FF0000; font-weight: 500;}
/* 分頁  END */
.jnbvxx { padding:0 15px 0 15px; height:42px; text-indent:3px }
.jnbvxx p { float:left; margin:10px 5px 0 0;color:#333333; font-size:14px; border-bottom:1px solid #ccc; width:100%; }

.jnbvxx a { color:#333333; font-size:16px; }
.jnbvxx a:hover { color:#333333; }
/*手机滑动图片   START */
.scroll{ max-width:320px; width:100%;height:192px;margin:0px auto; position:relative;overflow:hidden;}
.mod_01{float:left; max-width:320px; width:100%;}
.mod_01 img{display:block;width:320px;height:192px;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:10px;z-index:11;}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px 20px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}
/*手机滑动图片  END */


/*手机滑动图片   START */
#pcbanner .scroll{ max-width:320px; width:100%;height:192px;margin:0px auto; position:relative;overflow:hidden;}
#pcbanner .mod_02{float:left; width:320px;}
#pcbanner .mod_02 img{display:block;height:192px;}
#pcbanner .dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;background:rgba(45,45,45,0.5);position:absolute;bottom:5px;right:10px;z-index:11;}
#pcbanner #slide_01_dot{text-align:center;margin:3px 0 0 0;}
#pcbanner #slide_01_dot span{display:inline-block;margin:0 3px 20px;width:5px;height:5px;vertical-align:middle;background:#f7f7f7;-webkit-border-radius:5px;}
#slide_01_dot .selected{background:#66ff33;}
/*手机滑动图片  END */


.font{position:absolute; right:0px; top:60px; min-height:200px; height:auto;  z-index:1000; width:40%; background:#ffffff;}
.font .closepc{position:absolute; top:-45px; right:10px; z-index:10000; width:30px; height:30px; cursor:pointer; color:#ffffff;}
.font .flag{ display:block; margin:5px 0px; padding:0px 10px; color:#FFFFFF; clear:both}
.font .flag a{ padding:0px 10px; color:#FFFFFF; float:right}
.font ul.moblie_nav{ padding:0px 15px 10px; margin:0px; clear:both}
.font ul.moblie_nav li{opacity:0; padding:0px 15px 0 15px;  margin:0px; list-style:none; line-height:42px; color:333333; font-size:16px; font-weight:500;
-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-ms-transition:all .3s ease-in;-o-transition:all .3s ease-in; transition:all .3s ease-in;
-webkit-animation:translateX .4s ease-in .2s 1 forwards; -moz-animation:translateX .4s ease-in .2s 1 forwards;-o-animation:translateX .4s ease-in .2s 1 forwards;animation:translateX .4s ease-in .2s 1 forwards}
.font ul.moblie_nav li:hover{ background-color:#b7202e;}



/***********动画开始************/
.font ul li:nth-child(2){-webkit-animation-delay:.3s; -moz-animation-delay:.3s;animation-delay:.3s}
.font ul li:nth-child(3){-webkit-animation-delay:.5s; -moz-animation-delay:.5s;animation-delay:.5s}
.font ul li:nth-child(4){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}
.font ul li:nth-child(5){-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}
.font ul li:nth-child(6){-webkit-animation-delay:1.2s;-moz-animation-delay:1.1s;animation-delay:1.1s}
.font ul li:nth-child(7){-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}
.font ul li:nth-child(8){-webkit-animation-delay:1.3s;-moz-animation-delay:1.8s;animation-delay:1.3s}
.font ul li:nth-child(9){-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;animation-delay:1.42s}
.font ul li:nth-child(10){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;animation-delay:1.5s}
.font ul li:nth-child(11){-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;animation-delay:1.6s}
.font ul li:nth-child(12){-webkit-animation-delay:1.7s;-moz-animation-delay:1.7s;animation-delay:1.7s}
.font ul li:nth-child(13){-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;animation-delay:1.8s}
.font ul li:nth-child(14){-webkit-animation-delay:1.9s;-moz-animation-delay:1.9s;animation-delay:1.9s}
.font ul li:nth-child(15){-webkit-animation-delay:2s;-moz-animation-delay:2s;animation-delay:2s}
.font ul li:nth-child(16){-webkit-animation-delay:2.1s;-moz-animation-delay:2.1s;animation-delay:2.1s}
.font ul li:nth-child(17){-webkit-animation-delay:2.2s;-moz-animation-delay:2.2s;animation-delay:2.2s}
.font ul li:nth-child(18){-webkit-animation-delay:2.3s;-moz-animation-delay:2.3s;animation-delay:2.3s}
.font ul li:nth-child(19){-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;animation-delay:2.4s}
.font ul li:nth-child(20){-webkit-animation-delay:2.3s;-moz-animation-delay:2.3s;animation-delay:2.3s}



.font ul li a{color:#333333; display:block;font-family:"微軟正黑體","微软雅黑","Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.font ul li:hover a{ color:#fff}
.fmbg{background:url(../images/szsj_x.png) right center no-repeat; display:block}
.font ul li span { float:left;  }
#head_sj .hm_r .font ul li:hover span{ color:#fff}


.font_s1{min-height:280px; height:auto;  z-index:1000; width:290px; background:#35383B; position:relative}
.font_s1 .closepc{position:absolute; top:-25px; left:0px; z-index:10000; width:300px; height:30px; cursor:pointer; color:#ffffff;}
.font_s1 ul{ padding:0px 10px; margin:0px;}
.font_s1 ul li{ padding:0px; margin:0px; list-style:none; line-height:38px;color:ffffff; border-bottom:1px solid #4F5761; font-size:16px; font-weight:bold}
.font_s1 a{color:#ffffff; display:block}

.font1{position:absolute; right:0px; top:60px; min-height:300px; height:auto; z-index:1000; width:320px; background:#D39076}
.font1 .closepc{position:absolute; top:-45px; right:45px; z-index:10000; width:30px; height:30px; cursor:pointer; color:#ffffff;}
.font1 ul{ padding:10px 15px; margin:0px;}
.font1 ul li{ padding:0px; margin:0px; list-style:none; line-height:38px; border-bottom:1px solid #000000; color:ffffff; border-bottom:1px solid #4F5761}
.font1 a{color:#ffffff; display:block}
.font1 .sjdr{ display:block; clear:both; text-align:center; line-height:28px; padding:10px 0px}
.font1 .sjdr .drre{font-size:14px; font-weight:bold; display:block; text-align:center;}
.font1 .sjdr .dran{ display:block; clear:both; overflow:hidden; width:235px; margin:0px auto;}
.font1 .sjdr .dran .drbut{ width:80px; background:#999999; border-radius:5px; padding:5px 8px; display:block; margin:0px auto; font-size:14px; font-weight:bold; float:left; margin:0px 10px}

.font2{position:absolute; right:0px; top:60px; min-height:70px; height:auto; z-index:1000; width:100%; background:#D39076}
.font2 .closepc{position:absolute; top:-45px; right:130px; z-index:10000; width:30px; height:30px; cursor:pointer; color:#ffffff;}
.font2 .tsearch{width:320px;padding:10px; clear:both; overflow:hidden; display:block; margin:10px auto 0px;}
.font2 .tsearch INPUT[type="text"]{ border:1px solid #4F5960; background:#31383D; color:#FFFFFF; border-radius:5px 0px 0px 5px; float:left; width:272px; height:22px; line-height:22px; margin-top:2px}
.font2 .tsearch INPUT[type="submit"]{ border:none;background:#333333; color:#FFFFFF; border-radius:0px 5px 5px 0px; float:left; border:none; margin-top:2px; line-height:26px; height:26px; background:url(../images/search.png) center center no-repeat; width:30px;color:ffffff}
.font2 a{color:#ffffff;}


#font3{ font-size:14px; font-weight:bold; cursor:pointer;}
.font3{height:auto; z-index:1000; width:100%; background:#F4F4F4;}
.font3 .closepc{position:absolute; top:0px; left:10px; z-index:10000; width:100%; height:30px; cursor:pointer; color:#ffffff;}

.font3 ul{ width:96%; margin:0 auto; clear:both; padding:10px 0px; overflow:hidden}
.font3 a{font-size:12px}
.font3 ul li{ width:100%; list-style:none; line-height:20px; clear:both; padding-top:15px;}
.font3 ul li span{width:100%;float:none; display:block; font-weight:bold; font-size:12px}
.font3 ul li em{width:100%;float:none; display:block;color:#666666}
.font3 ul li .col_1{height:20px; margin:0px;text-align:center; float:left; line-height:20px;border:3px solid #F4F4F4; cursor:pointer; padding:0px 5px; display:block}
.font3 ul li .col_1:hover{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}
.font3 ul li .col_cur{height:20px; margin:0px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; cursor:pointer;background:#fff;}

.font3 ul li .szb{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px;border:3px solid #F4F4F4;cursor:pointer; padding:0px 5px}
.font3 ul li .szb:hover{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}
.font3 ul li .szb_cur{height:20px; margin:0px 5px;text-align:center; float:left; line-height:20px; border:3px solid #E1E1E1; background:#fff; cursor:pointer}


  
/* 向上TOP  START */
#back-top {
	Z-INDEX: 9999; POSITION: fixed; BOTTOM: 30px; MARGIN-LEFT: 520px; LEFT: 55%
}
#back-top A:hover {
	COLOR: #79ec3e
}
#back-top SPAN {
	WIDTH: 35px; DISPLAY: block; MARGIN-BOTTOM: 45px; BACKGROUND: url(../images/up-arrow.png) no-repeat left 0px; HEIGHT: 20px
}
#back-top A:hover SPAN {
	BACKGROUND-POSITION: left -34px
}
/* 向上TOP  END */




@-webkit-keyframes conTop{
0% {  opacity:0; }
50% {  opacity:.5; }
100% {opacity:1;}
}	

@-moz-keyframes conTop{
0% {  opacity:0;}
50% {  opacity:.5; }
100% {opacity:1;}
}

@keyframes conTop{
0% {  opacity:0; }
50% {  opacity:.5; }
100% {opacity:1;}
}




@-webkit-keyframes translateX{
0% {opacity:0; -webkit-transform: translateX(-50px); }
100% {opacity:1;-webkit-transform: translateX(-0px); }
}	

@-moz-keyframes translateX{
0% {opacity:0; -moz-transform: translateX(-50px); }
100% { opacity:1;-moz-transform: translateX(-0px);}
}

@keyframes translateX{
0% {opacity:0;transform: translateX(-50px);  }
100% {opacity:1;transform: translateX(-0px); }
}






@media (min-width: 1200px)
{
.tab li .tab_l{padding-right:5%; width:25%}
.tab li .tab_r{width:70%}
}
@media (min-width: 768px) and (max-width: 979px)
{
.tab li .tab_l{padding-right:5%; width:35%}
.tab li .tab_r{width:60%}
.font{ width:50%;}
}
@media (max-width: 767px)
{
.tab li .tab_l{ float:none; padding-right:0px; width:100%; text-align:left; padding:0px}
.tab li .tab_r{ float:none; width:100%; text-align:left; padding:0px}
.font{ width:100%;}

}